<!--登录日志页面-->
<template>
  <div class="common-containar" style="margin-bottom:15px;">
    <!--查询条件 开始 -->
    <el-form :inline="true" class="demo-form-inline">
      <el-row>
        <el-col>
          <el-form-item  class="AllCgBtm_Border">
            <el-input v-model="form.CityName" placeholder="请输入地市名称" @keyup.enter.native="searchOrder"></el-input>
          </el-form-item>

          <el-form-item class="AllCgBtm_Border">
            <el-button type="primary" size="small" @click="searchOrder">查询</el-button>
            <el-button type="success" size="small" @click="AddOrder">新增资产</el-button>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
    <!--查询条件 结束-->
    <!--表格数据 开始-->
    <el-row>
      <el-table
        :header-cell-style="{background:'#eef1f6',color:'#606266'}"
        :data="orderArrays"
        style="width:100%"
        :stripe="true"
        v-loading="loading"
      >
        <el-table-column prop="city_name" label="地市" width="100" align="center"></el-table-column>
        <el-table-column prop="project_situation" label="项目情况" width="100" align="center"></el-table-column>
        <el-table-column prop="dock_situation" label="对接情况" align="center"></el-table-column>
        <el-table-column
          prop="operations_staff"
          label="运维人员"
          align="center"
          :show-overflow-tooltip="true"
        ></el-table-column>
        <el-table-column prop="remote_information" label="远程信息" width="200" align="center"></el-table-column>
        <el-table-column prop="business_manage" label="商务经理" width="200" align="center"></el-table-column>
        <el-table-column prop="service_period" label="服务期限" width="200" align="center"></el-table-column>
        <el-table-column prop="project_department" label="项目负责人" width="200" align="center"></el-table-column>
        <el-table-column prop="epa_location" label="环保局位置" width="200" align="center"></el-table-column>
        <el-table-column prop="server_location" label="服务器位置" width="200" align="center"></el-table-column>
        <el-table-column prop="server_info" label="服务器信息" width="200" align="center"></el-table-column>
        <el-table-column label="动作" width="200" align="center">
          <template slot-scope="scope">
            <el-button @click.native.prevent="ToEdit(scope.row.id)" type="text" size="small">查看编辑</el-button>
            <el-button @click.native.prevent="ToDelet(scope.row.id)" type="text" size="small">删除</el-button>
          </template>
        </el-table-column>
      </el-table>
    </el-row>
    <!--表格数据 结束-->
    <!--分页代码-->
    <div align="right">
      <el-pagination
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page="page.page"
        :page-sizes="[5, 10, 30, 40]"
        :page-size="page.per"
        layout="total, sizes, prev, pager, next, jumper"
        :total="totalNum"
      ></el-pagination>
    </div>
    <!-- 新增、编辑资产模态框  author：jhy   date:2020-03-13 -->
    <el-dialog :title="addTitle" :visible.sync="addOrderVisible">
      <el-form
        ref="addForm"
        :inline="true"
        :model="addform"
        label-width="80px"
        class="demo-form-inline"
        :rules="addRules"
      >
        <el-row>
          <el-col :span="12">
            <!-- <el-form-item label="区域ID" prop="region_id">
              <el-input v-model="addform.region_id"></el-input>
            </el-form-item> -->
            <el-form-item label="区域">
									<el-input clearable @click.native="areaData" v-model="addform.city_name" placeholder="请选择区域"></el-input>
								</el-form-item>
          </el-col>
          <!-- <el-col :span="12">
            <el-form-item label="地市" prop="city_name">
              <el-input v-model="addform.city_name"></el-input>
            </el-form-item>
          </el-col> -->
          <el-col :span="12">
            <el-form-item label="对接情况" prop="dock_situation">
              <el-select
                v-model="addform.dock_situation"
                placeholder="请选择"
              >
                <el-option
                  v-for="item in groupProjStion"
                  :key="item.ProjStion_name"
                  :value="item.ProjStion_name"
                  :label="item.ProjStion_name"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="服务期限" prop="service_period">
              <el-date-picker
                type="datetime"
                placeholder="服务期限"
                v-model="addform.service_period"
                value-format="yyyy-MM-dd HH:mm:ss"
                style="width: 100%;"
              ></el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="项目信息" prop="project_info">
              <el-input type="textarea" :rows="1" v-model="addform.project_info"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="项目情况" prop="project_situation">
              <el-input type="textarea" :rows="1" v-model="addform.project_situation"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="对接信息" prop="dock_info">
              <el-input type="textarea" :rows="1" v-model="addform.dock_info"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="运维人员" prop="operations_staff">
              <el-input type="textarea" :rows="1" v-model="addform.operations_staff"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="远程信息" prop="remote_information">
              <el-input type="textarea" :rows="1" v-model="addform.remote_information"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="商务经理" prop="business_manage">
              <el-input type="textarea" :rows="1" v-model="addform.business_manage"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="项目负责人" prop="project_department">
              <el-input type="textarea" :rows="1" v-model="addform.project_department"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="环保局位置" prop="epa_location">
              <el-input type="textarea" :rows="1" v-model="addform.epa_location"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="环保局经纬度" prop="epa_path">
              <el-input type="textarea" :rows="1" v-model="addform.epa_path"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="服务器位置" prop="server_location">
              <el-input type="textarea" :rows="1" v-model="addform.server_location"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="服务器信息" prop="server_info">
              <el-input type="textarea" :rows="1" v-model="addform.server_info"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="Worker信息" prop="worker_info">
              <el-input type="textarea" :rows="1" v-model="addform.worker_info"></el-input>
            </el-form-item>
          </el-col>

          <!-- 此处为重复添加数据信息================================================author：jhy    date:2020-03-13   -->
        </el-row>
        <el-row style="text-align: left;"  :span="12">
          <el-upload
            action="233"
            :auto-upload="false"
            list-type="picture-card"
            :on-preview="handlePictureCardPreview"
            :on-remove="handleRemove"
            :limit="1"
            :on-change="fail"
            :file-list="fileList"
          >
            <i class="el-icon-plus"></i>
          </el-upload>
          <el-dialog :visible.sync="dialogVisible">
            <img width="100%" :src="dialogImageUrl" alt />
          </el-dialog>
        </el-row>
        <el-form-item class="footer footer_Top">
          <el-button
            type="primary"
            @click="addTitle== '新增资产' ? addCapitalSubmit(form) : updateCapitalSubmit(form)"
          >确认</el-button>
          <el-button @click="ModalCancel()">取消</el-button>
        </el-form-item>
      </el-form>
    </el-dialog>
    <!-- 新增资产模态框  结束 -->
    <!-- 树形图设置   开始 -->
    <el-dialog :visible.sync="treeVisible" class="treeDialog">
      <el-row class="areaTitle">区域</el-row>
      <el-tree
        node-key="region_code"
        ref="treeList"
        :data="treeDatas"
        :props="defaultProps"
        @node-click="handleTreeClick"
      ></el-tree>
    </el-dialog>
    <el-dialog :visible.sync="stationVisible" class="treeDialog">
      <template>
        <!-- <el-row>
          <el-checkbox
            class="stationStyleAll"
            :indeterminate="isIndeterminate"
            v-model="checkAll"
            @change="handleCheckAllChange"
          >全选</el-checkbox>
          <div style="margin: 15px 0;"></div>
        </el-row> -->
        <el-row>
          <el-checkbox-group
            class="stationStyleAll"
            v-model="checkedStation"
          >
            <el-checkbox
              class="stationStyleAll stationIds"
              v-for="(item,id) in stationList"
              :label="item.station_name"
              :key="item.station_id"
            >{{item.station_name}}</el-checkbox>
          </el-checkbox-group>
        </el-row>
        <!-- <el-row>
          <el-button type="primary" @click="getStation">确定</el-button>
          <el-button @click="deleStation">取消</el-button>
        </el-row> -->
      </template>
    </el-dialog>
    <!-- 树形图  结束 -->
  </div>
</template>

<script>
export default {
  name: "system/capital",
  data() {
    return {
      loading: false,
      orderArrays: [], //查询列表
      IDdetail: [],
      fileList:[],
      totalNum: 0, //总条数默认为0
      currentPage: 1, //当前页数默认为1
      idNum:'',
      page: {
        //分页信息
        per: 10,
        page: 1
      },
      form: {
        //表单数据
        CityName: "" //地市名称
      },
      addform: {
        region_id: "",
        city_name: "", //地市名称
        project_situation: "", //项目情况
        dock_situation: "", //对接情况
        operations_staff: "", //运维人员
        remote_information: "", //远程信息
        business_manage: "", //商务经理
        service_period: "", //服务期限
        project_department: "", //项目负责人
        epa_location: "", //环保局位置
        server_location: "", //服务器位置
        server_info: "", //服务器信息
        dock_info: "", //对接信息
        epa_path: "", //环保局经纬度
        image_path: "", //图片存储路径
        project_info: "", //项目信息
        worker_info: "" //Worker信息
      },
      addRules: {
        //接口填写规格
        region_id: [
          { required: true, message: "请输入区域ID", trigger: "blur" }
        ],
        city_name: [
          { required: true, message: "请输入地市名称", trigger: "blur" }
        ],
        project_situation: [
          { required: true, message: "请输入项目情况", trigger: "blur" }
        ],
        dock_situation: [
          { required: true, message: "请输入对接情况", trigger: "blur" }
        ],
        operations_staff: [
          { required: true, message: "请输入运维人员", trigger: "blur" }
        ],
        remote_information: [
          { required: true, message: "请输入远程信息", trigger: "blur" }
        ],
        business_manage: [
          { required: true, message: "请输入商务经理名称", trigger: "blur" }
        ],
        service_period: [
          { required: true, message: "请选择服务期限", trigger: "blur" }
        ],
        project_department: [
          { required: true, message: "请输入项目负责人", trigger: "blur" }
        ],
        epa_location: [
          { required: true, message: "请输入环保局位置", trigger: "blur" }
        ],
        server_location: [
          { required: true, message: "请输入服务器位置", trigger: "blur" }
        ],
        server_info: [
          { required: true, message: "请输入服务器信息", trigger: "blur" }
        ],
        dock_info: [
          { required: true, message: "请输入对接信息", trigger: "blur" }
        ],
        epa_path: [
          { required: true, message: "请输入环保局经纬度", trigger: "blur" }
        ],
        image_path: [
          { required: true, message: "请选择图片", trigger: "blur" }
        ],
        project_info: [
          { required: true, message: "请输入项目信息", trigger: "blur" }
        ],
        worker_info: [
          { required: true, message: "请输入Worker信息", trigger: "blur" }
        ]
      },
      dataTit: "用户动作",
      addTitle: "新增资产",
      addOrderVisible: false,
      dialogImageUrl: "",
      dialogVisible: false,
      groupProjStion: [
        { ProjStion_name: "已对接" },
        { ProjStion_name: "未对接" },
        { ProjStion_name: "处理中" }
      ],
      /*树形图字段 开始*/
				treeVisible:false,
				treeDatas: [],
				defaultProps: {
          children: 'children',
          label: 'label',
					region_code:'region_code'
        },
				//联动因子
        areaItem:'',
        stationVisible: false,
        stationList: [],
      checkedStation: [], //默认不选
      checkAll: false, //全选不选
      isIndeterminate: true,
      checkRegion: []
				/*树形图字段 结束*/
    };
  },
  methods: {
    //初始化请求数据
    initData() {
      this.loading = true;
      var $this = this;
      this.axios({
        method: "get",
        url:
          $this.GLOBAL.REQUESTURL +
          "/version/assetinformation/?p=" +
          $this.page.page +
          "&page_size=" +
          $this.page.per
      })
        .then(function(res) {
         
          $this.orderArrays = res.data.results; //给查询列表赋值
          $this.totalNum = res.data.count;
          $this.loading = false;
          /*当前页数据为空时，直接查询上一页数据*/
          if ($this.orderArrays.length == 0 && $this.page.page != "1") {
            $this.page.page--;
            $this.initData();
          }
        })
        .catch(function(err) {
         
        });
    },
    // 遗漏点补充     开始
    areaData(){
				this.loading=true;
				this.treeVisible = true;
				var $this=this;
				this.axios({
					method:"get",
					url:$this.GLOBAL.REQUESTURL+"/version/region/",
				}).then(res=>{
					$this.treeDatas = res.data.msgs
				
					$this.loading=false;
					//树上面得所有数据展开
					$this.$refs.treeList.store.defaultExpandAll = true;
				}).catch(err=>{
				})
			},
			//树节点点击
			handleTreeClick(item,data){
				this.form.area_name = item.label
        this.form.area_region = item.region_code
        this.addform.region_id=item.region_code
        this.addform.city_name=item.label
			
				this.treeVisible = false;
			},
    // 遗漏点补充  结束
    /*每页条数变化*/
    handleSizeChange(val) {
      this.page.per = val;
      this.initData();
    },
    /*当前页码改变*/
    handleCurrentChange(val) {
      this.page.page = val;
      this.initData();
    },
    /*查询*/
    searchOrder() {
      this.loading = true;
      var $this = this;
       $this.page.page=1
      this.axios({
        method: "get",
        /*headers:{
						'Authorization':$this.GLOBAL.TOKEN,
				  	},*/
        url: $this.GLOBAL.REQUESTURL + "/version/assetinformation/?p=" +
          $this.page.page +
          "&page_size=" +
          $this.page.per,
        params: {
          region_name: $this.form.CityName
        }
      })
        .then(function(res) {
          $this.orderArrays = res.data.results; //给查询列表赋值
          $this.totalNum = res.data.count;
          $this.loading = false;
          /*当前页数据为空时，直接查询上一页数据*/
          if ($this.orderArrays.length == 0 && $this.page.page != "1") {
            $this.page.page--;
            $this.initData();
          }
        })
        .catch(err => {
        });
    },

    formatJson(filterVal, jsonData) {
      return jsonData.map(v => filterVal.map(j => v[j]));
    },

    // 编辑按钮点击事件    author：jhy   date:2020-03-12
    ToEdit(id) {

      var $this = this;
      $this.idNum=id
      $this.fileList=[]
      $this.addform.image_path=''
      // http://106.12.16.136:8000/version/assetinformation/3/
      $this.addOrderVisible = true;
      $this.addTitle = "编辑资产";
      // 资产编辑接口对接  开始
      this.axios({
        method: "get",
        url: $this.GLOBAL.REQUESTURL + "/version/assetinformation/" + id + "/"
      })
        .then(function(res) {
          $this.addform.region_id = res.data.region_id;
          $this.addform.city_name = res.data.city_name;
          $this.addform.project_situation = res.data.project_situation;
          $this.addform.dock_situation = res.data.dock_situation;
          $this.addform.operations_staff = res.data.operations_staff;
          $this.addform.remote_information = res.data.remote_information;
          $this.addform.business_manage = res.data.business_manage;
          $this.addform.service_period = res.data.service_period;
          $this.addform.project_department = res.data.project_department;
          $this.addform.epa_location = res.data.epa_location;
          $this.addform.server_location = res.data.server_location;
          $this.addform.server_info = res.data.server_info;
          $this.addform.dock_info = res.data.dock_info;
          $this.addform.epa_path = res.data.epa_path;
          $this.addform.project_info = res.data.project_info;
          $this.addform.worker_info = res.data.worker_info;
          $this.dialogImageUrl=res.data.image_path;
       
          $this.fileList.push({"url":res.data.image_path});
        
          var uploadBtn = document.getElementsByClassName('el-upload')[0]
          if($this.fileList.length <= 1) {
            uploadBtn.style.display = "none"
          }  
        })
        .catch(function(err) {
         
        });
      // 资产编辑接口  对接完成
    },
    AddOrder() {
     
      var $this = this;
      $this.addOrderVisible = true;
      $this.fileList=[]//初始化进入清空上传图片信息
      $this.addTitle = "新增资产";
      // 设置清空查看详情已填充数据
      $this.addform.region_id = "";
      $this.addform.city_name = "";
      $this.addform.project_situation = "";
      $this.addform.dock_situation = "";
      $this.addform.operations_staff = "";
      $this.addform.remote_information = "";
      $this.addform.business_manage = "";
      $this.addform.service_period = "";
      $this.addform.project_department = "";
      $this.addform.epa_location = "";
      $this.addform.server_location = "";
      $this.addform.server_info = "";
      $this.addform.dock_info = "";
      $this.addform.epa_path = "";
      $this.addform.project_info = "";
      $this.addform.worker_info = "";
      var uploadBtn = document.getElementsByClassName('el-upload')[0]
      uploadBtn.style.display = "inline-block"
      // 已填充数据信息清空
    },
    ToDelet(id) {
      var $this = this;
      this.$confirm("确认删除该条信息?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          this.axios({
            method: "delete",
            /*headers:{
							'Authorization':$this.GLOBAL.TOKEN,
					  	},*/
            url: $this.GLOBAL.REQUESTURL + "/version/assetinformation/" + id + "/"
          })
            .then(function(res) {
              $this.$message({
                type: "success",
                message: "删除成功!"
              });
              $this.initData();
            })
            .catch(function(err) {
             
            });
        })
        .catch(err => {
          
          $this.$message({
            type: "info",
            message: "已取消删除"
          });
        });
    },
    addCapitalSubmit(form) {
      var that = this;
     
      this.$refs.addForm.validate(valid => {
        var formData1 = new FormData();
        
        formData1.append("image_path", this.addform.image_path);
        // 设置所有数据存储到formdata1里面进行
        formData1.append("region_id", this.addform.region_id);
        formData1.append("city_name", this.addform.city_name);
        formData1.append("project_situation", this.addform.project_situation);
        formData1.append("dock_situation", this.addform.dock_situation);
        formData1.append("operations_staff", this.addform.operations_staff);
        formData1.append("remote_information", this.addform.remote_information);
        formData1.append("business_manage", this.addform.business_manage);
        formData1.append("service_period", this.addform.service_period);
        formData1.append("project_department", this.addform.project_department);
        formData1.append("epa_location", this.addform.epa_location);
        formData1.append("server_location", this.addform.server_location);
        formData1.append("server_info", this.addform.server_info);
        formData1.append("dock_info", this.addform.dock_info);
        formData1.append("epa_path", this.addform.epa_path);
        formData1.append("project_info", this.addform.project_info);
        formData1.append("worker_info", this.addform.worker_info);
        // 设置所有数据存储到formdata1里面进行
        

        var reader = new FileReader();
        reader.onload = function() {
          
        };
        reader.readAsDataURL(this.addform.image_path);
        if (valid) {
          this.axios({
            method: "post",
            processData: false,
            contentType: false,
            /*headers:{
								'Authorization':that.GLOBAL.TOKEN,
						  	},*/
            url: that.GLOBAL.REQUESTURL + "/version/assetinformation/",
            data: formData1
          })
            .then(function(res) {
              
              that.initData(); //调用初始化请求
              that.addOrderVisible = false; //关闭新增弹框
              that.$message({
                message: "新增资产信息成功！",
                type: "success"
              });
            })
            .catch(function(err) {
              
            });
        } else {
          
          return false;
        }
      });
    },
    updateCapitalSubmit(form) {
      // 更新资产信息接口暂未写
      var that=this
    
      this.$refs.addForm.validate(valid => {
       
        // 资产信息编辑接口     author：jhy    date:2020-03-16
        var formData1 = new FormData();
        
        formData1.append("image_path", this.addform.image_path);
        // 设置所有数据存储到formdata1里面进行
        formData1.append("region_id", this.addform.region_id);
        formData1.append("city_name", this.addform.city_name);
        formData1.append("project_situation", this.addform.project_situation);
        formData1.append("dock_situation", this.addform.dock_situation);
        formData1.append("operations_staff", this.addform.operations_staff);
        formData1.append("remote_information", this.addform.remote_information);
        formData1.append("business_manage", this.addform.business_manage);
        formData1.append("service_period", this.addform.service_period);
        formData1.append("project_department", this.addform.project_department);
        formData1.append("epa_location", this.addform.epa_location);
        formData1.append("server_location", this.addform.server_location);
        formData1.append("server_info", this.addform.server_info);
        formData1.append("dock_info", this.addform.dock_info);
        formData1.append("epa_path", this.addform.epa_path);
        formData1.append("project_info", this.addform.project_info);
        formData1.append("worker_info", this.addform.worker_info);
        // 设置所有数据存储到formdata1里面进行
       

        var reader = new FileReader();
        reader.onload = function() {
         
        };
        if (valid) {
          this.axios({
            method: "put",
            processData: false,
            contentType: false,
            /*headers:{
								'Authorization':that.GLOBAL.TOKEN,
						  	},*/
            url: that.GLOBAL.REQUESTURL + "/version/assetinformation/"+that.idNum+'/',
            data: formData1
          })
            .then(function(res) {
              that.addform.image_path=''
              that.initData(); //调用初始化请求
              that.addOrderVisible = false; //关闭新增弹框
              that.$message({
                message: "编辑资产信息成功！",
                type: "success"
              });
            })
            .catch(function(err) {
              
            });
        } else {
          
          return false;
        }
        // 资产信息编辑接口   结束
      });
    },
    // 图片事件开始
    handleRemove(file, fileList) {
      
      var imgLength = fileList.length
      var uploadBtn = document.getElementsByClassName('el-upload')[0]
      
      if(imgLength <= 1) {
            uploadBtn.style.display = "inline-block"
      }  
    },
    handlePictureCardPreview(file) {
      this.dialogImageUrl = file.url;
      this.dialogVisible = true;
    },
    handleAvatarSuccess(response, file, fileList) {
     
      this.$success("上传成功");
    },
    IMgChange($event) {
     
    },
    fail(file, fileList) {
      var imgLength = fileList.length
      var uploadBtn = document.getElementsByClassName('el-upload')[0]
     
      if(imgLength <= 1) {
            uploadBtn.style.display = "none"
      }  
     
      this.addform.image_path = fileList[0].raw;
      
      this.dialogImageUrl = file.url;
      this.dialogImageUrl = new window.File([this.dialogImageUrl], file.name, {
        type: file.type
      });
      // 上面负责回显，调用的本地
      // this.dialogVisible = true;
      // 这里我在data中初始化了一个变量，imgPost，给他赋值。
      this.imgPost = file.raw;
     
    },
    ModalCancel(){
      var $this=this
      $this.addOrderVisible=false
      $this.fileList=[]
    }
  },
  mounted() {
    this.$nextTick(function() {
      //this.initData(); //调用初始化请求
      if(localStorage.getItem("token")) { this.initData(); };
    });
  }
};
</script>

<style scoped>
.top_row {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.box-card .el-card__header {
  text-align: left;
  border-bottom: none;
}
.box-card .text label {
  display: block;
}
.box-card .text .font_bold {
  font-weight: bold;
  margin-top: 8px;
}
.demo-form-inline {
  background: #fff;
  margin-bottom: 10px;
  padding: 10px;
  overflow: hidden;
}
.demo-form-inline .el-form-item__label{
    width: 110px !important;
}
.el-form--inline .el-form-item {
  float: left;
}
.footer {
  width: 100%;
  text-align: center;
}
.el-form--inline .el-form-item {
  margin-bottom: 20px;
}
.FormSelect {
  width: 100px;
  -webkit-appearance: none;
  background-color: #fff;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #dcdfe6;
  color: #606266;
}
.el-input__inner {
  padding-right: 0px !important;
}
.footer_Top{
  margin-top: 20px;
}
</style>
